let Webpack = require('webpack')
let base = require('./webpack.config.base.js')
const { merge } = require('webpack-merge')
module.exports = merge(base, {
  mode: 'development', // 模式 默认 production development
  watch: true,
  watchOptions: {
    poll: 1000,              // 每秒监听1000次
    aggregateTimeout: 300,   // 防抖，当第一个文件更改，会在重新构建前增加延迟
    ignored: /node_modules/  // 对于某些系统，监听大量文件系统会导致大量的 CPU 或内存占用。这个选项可以排除一些巨大的文件夹，
  },
  devServer: {
    hot: true,// 启用热更新
    port: 3000,
    progress: true,          // 滚动条
    contentBase: './dist',  // 起服务的地址
    open: true,              // 自动打开浏览器
    compress: true         // gzip压缩
  },
  plugins: [ // 放着所有webpack插件
    new Webpack.NamedModulesPlugin(),          // 打印更新的模块路径
    new Webpack.HotModuleReplacementPlugin({ // 热更新插件
      // Options...
    })
  ],
  module: { //这个节点 用于配置 所有第三方模块加载器
    rules: [
    ]
  }
})